html {
  color: #000;
  background: #FFF;
}

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td {
  margin: 0;
  padding: 0;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

fieldset, img {
  border: 0;
}

address, caption, cite, code, dfn, em, strong, th, var {
  font-style: normal;
  font-weight: normal;
}

li {
  list-style: none;
}

caption, th {
  text-align: left;
}

h1, h2, h3, h4, h5, h6 {
  font-size: 100%;
  font-weight: normal;
}

q:before, q:after {
  content: '';
}

abbr, acronym {
  border: 0;
  font-variant: normal;
}

sup {
  vertical-align: text-top;
}

sub {
  vertical-align: text-bottom;
}

input, textarea, select {
  font-family: inherit;
  font-size: inherit;
  font-weight: inherit;
}

input, textarea, select {
  *font-size: 100%;
}

legend {
  color: #000;
}

/* new styles */

.deberc * {
  font-family: tahoma, arial, verdana, sans-serif, Lucida Sans;
  font-size: 11px;
  text-align: left;
  border: 0px solid #FFFFFF;
}

.lgray {
  color: #AAAAAA;
}

.bgray {
  color: #777777;
  font-weight: bold;
}

.gray {
  color: #777777;
}

/* tabs */

.deberc .tabs {
  border-bottom: 1px solid #597DA3;
  padding: 0px 10px;
  height: 22px;
  margin-bottom: 5px;
}

.deberc .tabs > * {
  margin-right: 5px;
  white-space: nowrap;
  float: left;
}

.deberc .tabs > * > .t {
  padding: 3px 10px 5px;
}

.deberc .tabs > * > .h.f {
  margin: 0 1px;

}

.deberc .tabs > * .h {
  height: 1px;
  border-width: 0 1px;
}

.deberc .tabs > .active > * {
  color: #FFFFFF;
  background-color: #597DA3;
}

.deberc .tabs > .active .h {
  border-color: #9AB1C6;
}

/* line */

.deberc .line {
  border-bottom: 1px solid #D8DFEA;
  padding: 5px 10px;
  min-height: 23px;
}

/* buttons */

.deberc .btn {
  float: left;
  color: #FFFFFF;
  cursor: pointer
}

.deberc .btn .t {
  margin: 0 1px;
  height: 1px;
}

.deberc .btn .m {
  border-width: 1px;
  padding: 3px 14px;
}

.deberc .btn .b {
  height: 1px;
  margin: 0 1px;
}

.deberc .btn.blue .t {
  background: #416796;
}

.deberc .btn.blue .m {
  background: #6485AA;
  text-shadow: 0 1px 0 #45688E;
  border-color: #7C98BA #416796
}

.deberc .btn.blue .m:hover {
  background: #7C98BA;
}

.deberc .btn.blue .b {
  background: #416796;
}

.deberc .btn.gray .t {
  background: #B3B3B3;
}

.deberc .btn.gray .m {
  background: #DDDDDD;
  text-shadow: 0 1px 0 #FFFFFF;
  color: #444444;
  border-color: #E5E5E5 #B3B3B3
}

.deberc .btn.gray .m:hover {
  background: #E5E5E5;
}

.deberc .btn.gray .b {
  background: #B3B3B3;
}

/* table */

.deberc .table {
  overflow-y: scroll;
}

.deberc .table .r {
  width: 100%;
}

.deberc .table > .r.h {
  border-bottom: 1px solid #DAE2E8;
  color: gray;
  background-color: #F7F7F7;
}

.deberc .table > .r.h > .c {
  font-size: 9px;
  font-weight: bold;
}

.deberc .table .r > .c {
  float: left;
  padding: 6px 15px;
}

.deberc .link {
  color: #2B587A;
  cursor: pointer;
  text-decoration: none;
  font-weight: normal;
}

.deberc .link:hover {
  text-decoration: underline;
}

.deberc .table .r > .b {
  clear: both;
}

.deberc .table > .t >.r {
  border-bottom: 1px solid #EEEEEE;
}

.deberc .table > .t >.r:hover {
  background-color: #EDF1F5;
}

/* concrete */

/* mr */

#mr_t {
  height: 350px;
}

#mr_t .wn {
  width: 30px;
}

#mr_t .wp {
  width: 30px;
}

#mr_t .wd {
  width: 350px;
}

#mr_t .wa {
  width: 40px;
}

#mr_t .t .r {
  cursor: pointer;
}

/* gr */

#gs {
  display: none;
  top: 0px;
  left: 0px;
  right: 0px;
  position: absolute;
  bottom: 0px;
  background-color: #FFFFFF;
  padding-top: 30px;
}

#gs .r {
  height: 52px;
  border-bottom: 1px solid #EEEEEE;
  padding-top: 22px;
  padding-left: 34px;
}

#gs .i {
  width: 50px;
  height: 50px;
  background-color: #89A8C6;
  margin-top: -10px;
  margin-right: 10px;
  float: left;
}

#gs_s {
  margin-top: 15px;
  margin-left: 200px;
}

#gs_l {
  margin: 15px;
}

#gr {
  display: none;
  top: 0px;
  left: 0px;
  right: 0px;
  position: absolute;
  bottom: 0px;
  background-color: #F7F7F7;
}

#gr_l {
  position: absolute;
  right: 10px;
  top: 10px;
}

#gr .p {
  position: absolute;
  left: 50%;
  overflow-x: visible;
}

#gr .p.t {
  top: 10px;
}

#gr .p.b {
  top: 330px;
}

#gr .p .i {
  width: 50px;
  height: 50px;
  background-color: #89A8C6;
  position: absolute;
  margin-left: -25px;
}

#gr .p .d {
  margin-left: 35px;
  margin-bottom: 2px;
  margin-top: -2px;
}

#gr .p .h {
  margin-left: -50%;
  padding-left: 35px;
  margin-top: 5px;
}

#gr .p .h .c {
  float: left;
  margin-left: -35px;
  cursor: pointer;
  width: 52px;
  display: none;
}

#gr .p .h .c:hover {
  margin-top: -5px;
}

#gr .p .h .c .t {
  margin: 0 1px;
  height: 1px;
  background: #416796;
}

#gr .p .h .c .m {
  border-left: 1px solid #416796;
  border-right: 1px solid #416796;
  height: 66px;
  background-image: url("images/cards.gif");
}

#gr .p .h .c .b {
  height: 1px;
  margin: 0 1px;
  background: #416796;
}

#gr_u {
  position: absolute;
  top: 180px;
  left: 130px;
}

#gr_u .d {
  float: left;
  width: 60px;
  margin-top: -2px;
}

#gr_u .c {
  float: left;
  width: 18px;
  height: 25px;
  background-image: url("images/cards_mini.gif")
}

#gr_o {
  position: absolute;
  top: 220px;
  left: 130px;
}

#gr_o .d {
  float: left;
  width: 60px;
}

#gr_o .c {
  float: left;
}

#gr_g {
  position: absolute;
  top: 220px;
  left: 130px;
  display: none;
}

#gr_g .d {
  float: left;
  width: 60px;
}

#gr_g .c {
  float: left;
}

#gr_h {
  position: absolute;
  top: 260px;
  left: 130px;
  display: none;
}

#gr_h .d {
  float: left;
  width: 60px;
}

#gr_h_k {
  float: left;
  border: 1px solid #416796;
  width: 17px;
  height: 18px;
  background-image: url("images/masti.gif");
}

.status {
  position: absolute;
  top: 300px;
  left: 170px;
}

.status > .d {
  float: left;
  margin-top: 4px;
}

#gr_k {
  display: none;
}

#gr_k > * {
  margin-right: 15px;
}

#gr_k > .m {
  float: left;
  border: 1px solid #416796;
  width: 17px;
  height: 18px;
  background-image: url("images/masti.gif");
  margin-top: 2px;
}

#gr_t > * {
  margin-right: 15px;
}

#gr_t #gr_t_S > .m {
  height: 18px;
  width: 17px;
  padding: 0;
  background-image: url("images/masti.gif");
  border-width: 0 1px;
}

#gr_t #gr_t_C > .m {
  height: 18px;
  width: 17px;
  padding: 0;
  background-image: url("images/masti.gif");
  border-width: 0 1px;
}

#gr_t #gr_t_D > .m {
  height: 18px;
  width: 17px;
  padding: 0;
  background-image: url("images/masti.gif");
  border-width: 0 1px;
}

#gr_t #gr_t_H > .m {
  height: 18px;
  width: 17px;
  padding: 0;
  background-image: url("images/masti.gif");
  border-width: 0 1px;
}

/* body */

body {
  top: 0px;
  left: 0px;
  right: 0px;
  position: absolute;
  bottom: 100px;
  border-bottom: 1px solid #D8DFEA;
}